﻿<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<List<Gallery.Models.Album>>" %>

<asp:Content ID="indexTitle" ContentPlaceHolderID="TitleContent" runat="server">
    Home Page - My ASP.NET MVC Application
</asp:Content>

<asp:Content ID="indexFeatured" ContentPlaceHolderID="FeaturedContent" runat="server">
   
    
</asp:Content>

<asp:Content ID="indexContent" ContentPlaceHolderID="MainContent" runat="server">
   
    <div id="wrapper">
  <div id="wrapper-top">
     <div style="width: 400px; padding-top: 110px; padding-left: 10px; float:left">
        <a href="/home/index"><label style="font-size: 18px; color: #0054D7;">Home</label></a>
        <label style="font-size: 22px;"> > </label>
        <a href="/home/index"><label style="font-size: 18px; color: Red;">Album List</label></a>
    </div>
    <div style="float:left; margin-top: 10px;">   
       <img src="../images/logo.png" style="width: 130px; height: 130px;" alt="" />
        <img src="../images/logo1.png" style="width: 130px; height: 130px; " alt="" />
         <img src="../images/logo2.png" style="width: 130px; height: 130px; " alt="" />
     </div>
   
     <div style="padding-top: 20px; padding-left: 880px;"><input type="button" value="Log In" style="height: 30px; width: 90px;font-size:13px;"/></div>
  </div>
  <div id="left">
    <div class="logo"><a href="/Home/Index">Home</a></div>
    <ul class="menu">
      <li> <a class="opened" href="#"><label class="selected">Album List</label></a>
        <ul class="sub-menu opened">
            <%foreach(var i in Model) %>
            <% { %>
                  <li><a href="/home/albumdetail?id=<%=i.Id %>"><%= i.Name %></a></li>              
            <% } %>
        </ul>
      </li>
    </ul>
    <div id="left-bottom">
    </div>
  </div>
  <div id="right">
    <div style="margin-left: 20px;margin-top: 40px; margin-bottom: 30px;">
        <table>
            <tr>
                <td style="width: 600px;"><label style="font-size: 30px;">Album List</label></td>
                <td><a href="/home/createeditalbum"><input type="button" value="Create Album" style="height: 30px; width: 90px;font-size:13px;"/></a></td>          
            </tr>
        </table>
    </div>
    <ul class="thumbnails">
        <%foreach (var i in Model) %>
        <%{ %>
               <li>
                     <div class="image-box"> <span class="drag-pointer">&nbsp;</span>
                         <div class="photo-cover"> <a href="/home/albumdetail?id=<%=i.Id %>" class="big-image"><img src="../images/albums/avatars/<%=i.Avatar %>" alt="" /></a> </div>
                         <p class="photo-name"><%=i.Name %></p>
                     </div>
                 </li> 
        <%} %>
      
    </ul>
  </div>
  <div id="wrapper-bottom">
        <div style=" padding-top: 30px;">
          <a href="#wrapper" style="color: Red; font-size: 15px;">Back to Top</a>
        </div>
  </div>
  
</div>
</asp:Content>
